<script lang="ts" setup>
import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
import { useWindowSize } from '@vueuse/core';
const { width, height } = useWindowSize();
const size = computed<'small' | 'default' | 'large'>(() => {
  if (width.value > 3000) {
    return 'large';
  } else if (width.value > 1900) {
    return 'default';
  } else {
    return 'small';
  }
});
</script>
<template>
  <el-config-provider :locale="zhCn" :message="{ max: 1 }" :size="size">
    <router-view></router-view>
  </el-config-provider>
</template>
<style lang="scss" scoped></style>
